<template>
	<view class="privacy-layout">
		<my-header title="隐私协议"></my-header>
		<my-content class="content">
			<text class="privacy" v-html="privacyData"></text>
			<!-- <rich-text :nodes="privacyData" class="privacy"></rich-text> -->
		</my-content>
	</view>
</template>

<script>
	import api from '../../api'
	export default {
		data() {
			return {
				privacyData:''
			}
		},
		onLoad() {
			this.getContent()
		},
		onShow(){
			
		},
		
		methods: {
			getContent(){
				uni.showLoading({
					title:'数据加载中'
				})
				api.contents.show('privacy').then(res => {
					if (res.code === 200) {
						uni.hideLoading()
						this.privacyData = res.data.content
					}
				}).catch(error => {
					console.log(error)
				})
			}
		},
	}
</script>

<style lang="scss" scoped>
	.privacy-layout {
    /*height: 100vh;*/
    min-height: 100vh;
		width: 100%;
    padding: 20rpx;
		box-sizing: border-box;
		/*margin: 20rpx auto;*/
    background-color: #141414;
    color: white;
	}

  .content {
    height: 100%;
  }
</style>